<!-- eslint-disable @typescript-eslint/no-unused-vars -->
<script setup>
import Footertab from '@/components/footerTab.vue'
import Toptab from '@/components/topTab.vue'
import Swipe from '@/components/Home/Swipe.vue'
import recommend from '@/components/Home/recommend.vue'
import watchHistory from '@/components/Home/watchHistory.vue'
</script>

<template>
  <!-- 顶部标签 -->
  <Toptab />

  <!-- 轮播图 -->
  <Swipe />
  <div class="bg"></div>
  <!--观看历史-->
  <watchHistory />

  <!--精品推荐-->
  <recommend />

  <!-- 底部标签 -->
  <Footertab />
</template>

<!-- scope：指当前的样式仅在此页面作用 -->
<style lang="less" scoped>
.bg {
  width: 100%;
  height: 300px;
  margin-top: -300px;
  background-image: url('../assets/image/img10.jpg');
}
</style>
